<!DOCTYPE>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>商品详情</title>
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/market.css" />
</head>

<body>
	<div class='navbar nav-fixed'>
			<ul>
				<li><a href="#">返回论坛</a></li>
				<li><a href="#">资源下载</a></li>
				<li><a href="#">天空</a></li>
				<li><a href="#">历史介绍</a></li>
				<li><a href="#">校园助手</a></li>
				<li><a href="#">娱乐</a></li>
				<li><a href="#">华农百科</a></li>
			</ul>
			<ul class='float-right'>
				<li class='active'>
					<a href="#">下载红满堂客户端</a>
					<div class='load'>
						<img class='load-top' src="img/nav-logo.png">
						<img src="img/nav-code.png">
						<a class='load-link' href="#"></a>
						<a class='load-link load-link-bottom' href="#"></a>
					</div>
				</li>
				<li><a href="#">提醒</a></li>
				<li><a href="sign.html">登录</a></li>
			</ul>
	</div>
<!-- 导航条结束 -->
<!-- 导航开始 -->
	<div class='nav-bg'>
		<div class='nav-box'>
			<div class='logo'></div>
			<ul class='nav'>
				<li><a href="index.html">首页</a></li><li><a href="search.html">所有商品</a></li><li><a href="release.html">发布商品</a></li><li><a href="help.html">用户帮助</a></li>
			</ul>
			<div class='search'>
				<input type='text'><button>搜索</button>
			</div>
		</div>
	</div>
	<div class='nav-border'></div>
<!-- 导航结束 -->

	<!--商品展示开始-->
	<div class="container contain-box" style=''>
		<div class="row">
		  <div class="col-sm-6 col-xs-12 zs-img-box">
		  	<div>
		  		<img class="big-pic" src="img/1.jpg" alt="">
		  	</div>
		  	<div class="relative">
		  		<ul class="pic-roll">
		  			<div>
			  		<li class="small-pic">
			  			<img src="img/1.jpg" alt="">
			  		</li>
			  		<li class="small-pic">
			  			<img src="img/2.jpg" alt="">
			  		</li>
			  		<li class="small-pic">
			  			<img src="img/3.jpg" alt="">
			  		</li>
			  		<li class="small-pic">
			  			<img src="img/4.jpg" alt="">
			  		</li>
			  		<li class="small-pic">
			  			<img src="img/1.jpg" alt="">
			  		</li>
			  		</div>
		  		</ul>
		  		<div class="turn turn-l"><</div>
		  		<div class="turn turn-r">></div>
		  	</div>
		  </div>
		  <!-- 移动端开始 -->
			<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
			  <!-- Indicators -->
			  <ol class="carousel-indicators">
			    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
			    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
			    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
			    <li data-target="#carousel-example-generic" data-slide-to="3"></li>
			  </ol>

			  <!-- Wrapper for slides -->
			  <div class="carousel-inner" role="listbox">
			    <div class="item active">
			      <img src="img/1.jpg">
			      <div class="carousel-caption">
			      </div>
			    </div>
			    <div class="item">
			      <img src="img/2.jpg">
			      <div class="carousel-caption">
			      </div>
			    </div>
			    <div class="item">
			      <img src="img/3.jpg">
			      <div class="carousel-caption">
			      </div>
			    </div>
			    <div class="item">
			      <img src="img/4.jpg">
			      <div class="carousel-caption">
			      </div>
			    </div>
			  </div>

			  <!-- Controls -->
			  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
			    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
			    <span class="sr-only">Previous</span>
			  </a>
			  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
			    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
			    <span class="sr-only">Next</span>
			  </a>
			</div>
			<!-- 移动端结束 -->
		  <div class="col-sm-6 col-xs-12 border">
		  <!-- pc端 -->
		  	<div class="zs-top">
		  		<p>还是那台8成新的烂单车</p>
		  		<div>
		  			<span class="price-pre">价格：</span>
		  			<span class="price">￥100</span>
		  			<span class="right smallFont"><span>20</span>人看过此商品</span>
		  		</div>
				<div>
		  			<span class="smallFont">原价：</span>
		  			<span class="smallFont">￥250</span>
		  			<span class="right smallFont"><span>交易状态：</span>进行中</span>
		  		</div>
		  		<div class="marginTop normalFont">
		  			<p>新旧程度:</span><span>九成新</p>
					<p>交易方式：</span><span>当面交易</p>
					<p>交易方式：</span><span>任意方式</p>
		  		</div>
		  		<div class="normalBtn">立即购买</div>
		  		<div class="normalBtn normalBtn1">联系卖家</div>
		  		<br />
		  		<input type="button" value="收藏">
		  		<input type="button" value="分享给好友">
		  	</div>
		  	<!-- 移动端 -->
		  	<div class='move'>
			  	<div class='header'>还是出售那台89新的烂单车</div>
		  		<div class='move-left'>
		  			<p class='price-move'>价格：<span>￥100</span></p>
		  			<p class='button-group'>
			  			<button>收藏</button>
			  			<button class='share'>分享给朋友</button>
		  			</p>
		  			<p class='color-gray'><span>20</span>人看过此商品</p>
		  			<p class='color-gray'>交易状态：<span>进行中</span></p>
		  			<button class='buy'>立即购买</button>
		  		</div>
		  		<div class='move-right'>
		  			<p class='color-gray'>原价：<span>￥250</span></p>
		  			<p>新旧程度：<span>九成新</span></p>
		  			<p>交易方式<span>当面交易</span></p>
		  			<p>付款方式：<span class='border-black'>任意方式</span></p>
		  			<button class='contact'>联系卖家</button>
		  		</div>
		  	</div>
		  </div>
		</div>
	</div>
	
	<!--商品展示结束-->

	<!--商品信息开始-->
	<div class="it-big">
	    <div class="it-wrap clearfix">
	        <div class="menu">
	            <div class="menu-title">市场目录</div>
	            <div class="menu-wrap">
	                <section class="menu-dig">
	                    <div class="menu-bigcls">
	                        <span>数码类</span>
	                        <ul class="menu-smcls">
	                            <li><a href="#">电脑硬件</a></li>
	                            <li><a href="#">电脑软件</a></li>
	                            <li><a href="#">影碟音带</a></li>
	                            <li><a href="#">家用电器</a></li>
	                            <li><a href="#">通讯产品</a></li>
	                        </ul>
	                    </div>

	                </section>
	                <section class="menu-job">
	                    <div class="menu-bigcls">
	                        <ul class="menu-smcls">
	                            <li><a href="#">招聘兼职</a></li>
	                        </ul>
	                        <span>招聘兼职</span>
	                    </div>
	                </section>
	                <section class="menu-bic">
	                    <div class="menu-bigcls">
	                        <span>单车特卖</span>
	                        <ul class="menu-smcls">
	                            <li><a href="#">二手单车</a></li>
	                        </ul>
	                    </div>
	                </section>
	                <section class="menu-day">
	                    <div class="menu-bigcls">
	                        <ul class="menu-smcls">
	                            <li><a href="#">日常用品</a></li>
	                            <li><a href="#">穿着衣物</a></li>
	                        </ul>
	                        <span>日常用品</span>
	                    </div>
	                </section>
	                <section class="menu-ren">
	                    <div class="menu-bigcls">
	                        <span>房屋租赁</span>
	                        <ul class="menu-smcls">
	                            <li><a href="#">房屋租赁</a></li>
	                        </ul>
	                    </div>
	                </section>
	                <section class="menu-boo">
	                    <div class="menu-bigcls">
	                        <ul class="menu-smcls">
	                            <li><a href="#">杂志</a></li>
	                            <li><a href="#">公共课书籍</a></li>
	                            <li><a href="#">专业课书籍</a></li>
	                            <li><a href="#">外语</a></li>
	                        </ul>
	                        <span>书摊</span>
	                    </div>
	                </section>
	                <section class="menu-other">
	                    <div class="menu-bigcls">
	                        <span>其他</span>
	                    </div>
	                </section>
	            </div>
	        </div>
	        <div class="it-inf">
	            <div class="it-infbtnbox">
	                <button class="it-infbtn--ite it-infbtn--on">商品信息</button>
	                <button class="it-infbtn--com">留言<span>(1)</span></button>
	            </div>
	            <div class="it-infwrap--ite">
	                <dl>
	                    <dd>商品发布者：<span>XXX</span>
	                        <button>联系他</button>
	                    </dd>
	                    <dd>新旧程度：<span>XXX</span></dd>
	                    <dd>交易方式：<span>XXX</span></dd>
	                    <dd>付款方式：<span>XXX</span></dd>
	                    <dd>商品有效时间：<span>XXX</span></dd>
	                    <dd>商品描述：<span>XXX</span></dd>
	                    <dd><img src="img/f84d59b0-82d2-11e5-88d2-9fd86bb448ff.gif"></dd>
	                </dl>
	            </div>
	            <div class="it-infwrap--com">
	                <textarea class="it-infcombox"></textarea>

	                <div class="it-infcom--subbox">
	                    <button class="it-infcom--sub">发表留言</button>
	                </div>
	                <div class="it-infcomlist">
	                    <section class="it-infcomlist--bigcombox">
	                        <div class="it-infcomlist--idbox">
	                            <img src="img/ava.png">

	                            <p class="it-infcomlist--use">XXX</p>
	                        </div>
	                        <div class="it-infcomlist--combox">
	                            <p class="it-infcomlist--com">
	                                众所周知（不知道#-_-），地球的平均气温从地球形成以来就处于不断的变化当中。这种变化是由多种因素决定的。例如太阳辐射（外部因素）、白赤交角和海洋流态（地球内部因素）。多种因素造成地球气候在冰河时代和间冰期之间来回摆动。仅仅在20000年前，地球还处于上一个冰河时代（“末次冰期”，动画冰河时代、疯狂原始人，电影史前一万年的故事背景大概就是那个时候）。海洋在气候变化中起的是怎样的作用呢？海洋承载了地球系统中，90%的热量。而水是自然界中比热容最大的化合物，海洋能够吸收大量热量而不引起很大的温度变化。因此是地球气候的大中央空调，能制冷也能制暖。，电影后天中的气候剧变绝非耸人听闻：不仅在数学上，存在稳定的解；而且在气候历史上，存在气候剧变的案例。当然时间尺度没有电影中那么夸张。（1）要说清楚这个故事，首先要从古气候说起。
	                                图1 地球的温度历史[1]众所周知（不知道#-_-），地球的</p>
	                            <time class="it-infcomlist--tim">2015年11月6日15:11:16</time>
	                        </div>
	                    </section>
	                    <section class="it-infcomlist--bigcombox">
	                        <div class="it-infcomlist--idbox">
	                            <img src="img/ava.png">

	                            <p class="it-infcomlist--use">XXX</p>
	                        </div>
	                        <div class="it-infcomlist--combox">
	                            <p class="it-infcomlist--com">adasdaxaxwaxsxas</p>
	                            <time class="it-infcomlist--tim">2015年11月6日15:11:16</time>
	                        </div>
	                    </section>
	                </div>
	            </div>
	        </div>
	    </div>
	</div>
	<!--商品信息结束-->



	<!--页尾开始-->
	<div class="footer">
		<img class="color" src="img/footer.png" />
		<div class="link-div">	
			<div class="footer1">
				<a href="#" class="footer-a">红满堂论坛</a>
				<a href="#">华南农业大学首页</a>
				<a href="#">华南农业大学教务处</a>
				<a href="#">华南农业大学论坛</a>
				<a href="#">华南农业大学论坛</a>
			</div>

			<div class="footer2">
				<a href="#">使用须知</a>
				<a href="#">用户必看</a>
				<a href="#">免责声明</a>
				<a href="#">建议投诉</a>
			</div>

			<div class="footer2">
				<p class="footer-p">联系我们</p>
				<p>QQ:<span>123456</span></p>
				<p class="footer-p3">邮箱：<span>84908079800</span></p>
			</div>

			<div class="footer3">
				<p>客户端下载</p>
				<a href="#"><img src="img/footer-code.png"/></a>
				<div>
					<a href="#"><img src="img/load3.png"/></a>
					<a href="#"><img src="img/load4.png"/></a>
				</div>
			</div>
		</div>

		<div class="footer4">
			<img src="img/footer-line.png"></img>
			<div>
				<p>Powered by 红满堂工作室</p>
			</div>
			<img src="img/footer-line.png"></img>
		<div>
	</div>
	<!--页尾结束-->

<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript" src='js/information.js'></script>
<script type="text/javascript" src='js/zhanshi.js'></script>
</body>
</html>